<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./html.css">

    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <div class="inin">
        <div class="top">
            <a href="#" class="chufa">关注</a>
            <a href="#">推荐</a>
            <a href="#">热榜</a>
            <a href="#">视频</a>
        </div>
        <div class="centent">
            <span class="span1">环岛左转有风发表了文章·10 天前</span>
            <h5>2024平板电脑选购避坑指南，适合打工人的多场景多需求高性价比平板推荐!</h5>
            <span class="span2">作为一个互联网民工，平时经常需要处理工作问题。笔记本太沉，手机画面太小，平板小小一个刚刚好，再加上外接键盘，一整个就是我的随时随地加班利器。趁着最近..
                <a href="#">阅读全文︾</a>
            </span class="span3">
            <div>
                <a href="#"><span class="iconfont icon-gouwuchekong"></span>赞同 5</a>
                <a href="#"><span class="iconfont icon-gouwuchekong"></span></a>

                <span class="iconfont icon-gouwuchekong">10条评论</span>
                <span class="iconfont icon-gouwuchekong">分享</span>
                <span class="iconfont icon-gouwuchekong">收藏</span>
                <span class="iconfont icon-gouwuchekong">举报</span>
            </div>

        </div>
        <div class="floot">
            <span class="span4">还有3个 环岛左转有风 的动态被收起</span>
            <span class="iconfont icon-gouwuchekong"></span>
        </div>
    </div>

    <script src="./html.js"></script>
</body>

</html>